
import React, { Component } from 'react'

import CashierSelectItem2 from './CashierSelectItem2'
export default class LastOrder extends Component {

    state = {
        data: [
            {
                "cid": 1,
                "cname": "妙脆角",
                "price": 4.0000,
                "storeId": 1,
                "barCode": "123123123123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 2,
                "cname": "好角",
                "price": 6.0000,
                "storeId": 1,
                "barCode": "123123123123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 3,
                "cname": "妙脆角",
                "price": 4.0000,
                "storeId": 1,
                "barCode": "123123123123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 4,
                "cname": "猴头菇",
                "price": 5.5000,
                "storeId": 1,
                "barCode": "123412345123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 6,
                "cname": "小吉炖蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 7,
                "cname": "小鸡炖蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 8,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 9,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 10,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 11,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 12,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            },
            {
                "cid": 13,
                "cname": "小鸡蘑菇",
                "price": 3.0000,
                "storeId": 1,
                "barCode": "89879123",
                "specification": "80g",
                "unit": "包",
                "ctype": null
            }
        ]
    }

    render() {
        return (
            <div>
                {/* <div style={{ height: '120px', backgroundColor: '#70727f', padding: '10px' }}>

                    <Row>

                        <Col span={24}>
                            <span style={{ color: 'white', fontSize: '10px' }}>上一单：</span>
                            <Row style={{ paddingTop: '10px' }}>
                                <Col span={12}>
                                    <span style={{ fontSize: '18px', fontWeight: 200, color: 'white' }}>
                                        金额：<span style={{ fontWeight: 700 }}>xxx</span>
                                    </span>
                                    <br />
                                    <span style={{ fontSize: '18px', fontWeight: 200, color: 'white' }}>
                                        件数：<span style={{ fontWeight: 700 }}>xxx</span>
                                    </span>
                                </Col>
                                <Col span={12}>

                                </Col>
                            </Row>
                        </Col>
                    </Row>
                </div> */}
                <div style={{ padding: '10px', backgroundColor: '#ebeef5', height: '92vh' }}>
                    <h4>热销单品</h4>
                    {
                        this.state.data.map((item, index) =>
                            <CashierSelectItem2
                             key={index} {...item}
                            >
                            </CashierSelectItem2>
                        )
                    }
                </div>
            </div>
        )
    }
}